﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="UserProfile.aspx.cs" Inherits="UserProfile" %>

<%@ Register Src="~/UserControl/UserPageLinkList.ascx" TagPrefix="uc1" TagName="UserPageLinkList" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div class="user-page-container">
        <div class="link-list-container">
            <uc1:UserPageLinkList runat="server" ID="UserPageLinkList1" />
        </div>
        <%--資料修改--%>
        <div class="content-page-container">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4>&nbsp;<i class="glyphicon glyphicon-edit"></i>&nbsp;<strong>個人資料</strong></h4>
                </div>
                <div id="userprofilepic" class="panel-body profile-detail">
                    <%--<i class="glyphicon glyphicon-picture"></i>--%>
                    <label>照片</label>
                    <img id="FileProfileImage" class="profile-img" src="images/noperson.png" />
                    <input name="FileProfileUpload" id="FileProfileUpload" type="file" accept="image/*" value="選取圖片" title="照片"/><!--accept只接受影像檔-->
                </div>
                <div class="panel-body profile-detail">
                    
                    <label>姓氏</label>
                    <input id="TxtUserProfileFName" maxlength="10" type="text" class="form-control txt-name" title="姓氏"/>
                    <span id="SpanUserProfileFName"></span>
                </div>
                <div class="panel-body profile-detail">
                    
                    <label>名字</label>
                    <input id="TxtUserProfileLName" maxlength="10" type="text" class="form-control txt-name" title="名字"/>
                    <span id="SpanUserProfileLName"></span>
                </div>
                <div class="panel-body profile-detail">
                    <%--<i class="glyphicon glyphicon-lock"></i>--%>
                    <label>密碼</label>
                    <a id="lnkChangePwd">Change Password...</a>
                </div>
                <div class="panel-body profile-detail">
                    
                    <label>生日</label>
                    <select id="SelectUserProfileYear" name="SelectUserProfileYear">
                    </select>
                    <select id="SelectUserProfileMonth" name="SelectUserProfileMonth">
                    </select>
                    <select id="SelectUserProfileDay" name="SelectUserProfileDay">
                    </select>
                </div>
                <div  class="panel-body profile-detail">
                    <%--<i class="glyphicon glyphicon-envelope"></i>--%>
                    <label>聯絡信箱</label>
                    <input id="TxtUserProfileEmail" maxlength="40" type="text" class="form-control txt-name" title="聯絡信箱"/>
                    <span id="SpanUserProfileEmail"></span>
                </div>
                <div  class="panel-body profile-detail">
                    <%--<i class="glyphicon glyphicon-phone"></i>--%>
                    <label>手機號碼</label>
                    <input id="TxtUserProfilePhone"  maxlength="10" type="text"  class="form-control txt-name" title="手機號碼"/>
                    <span id="SpanUserProfilePhone"></span>
                </div>
                 <div class="panel-body profile-detail div-profile-submit">
                     <button id="ButtonUserProfileLoad" type="button" class="btn btn-default" title="取消"><span>取消</span></button>
                     <button id="ButtonUserProfileUpdate" type="button" class="btn btn-danger" title="確定送出"><span>更改個人資料</span></button>  
                </div>
            </div>
        </div>
    </div>
    <%--密碼修改--%>
    <div class="black-container">
        <div class="change-pwd-container">
            <div class="change-pwd-content">
                <div class="change-pwd-first">
                    <label>密碼更改</label><input placeholder="請輸入新密碼" maxlength="20" id="TextUserProfilePW1" type="password" class="form-control input-sm" title="請輸入新密碼"/>
                </div>
                <div class="change-pwd-second">
                    <label>密碼確認</label><input placeholder="請再輸入一次新密碼" maxlength="20" id="TextUserProfilePW2" type="password" class="form-control input-sm" title="請再輸入一次"/>
                </div>
                <div class="chage-pwd-bottom">
                    <label id="lblErrorMessage">錯誤訊息</label>
                    <button id="ButtonUserProfilePW" type="button" class="btn btn-danger">送出</button>
                </div>
            </div>
        </div>
    </div>
       
    <%--客製參考--%>
    <link href="Content/UserProfile.css" rel="stylesheet" />
    <script src="Scripts/ajaxfileupload.js"></script>
    <script src="Scripts/UserProfile.js"></script>
    <%--客製參考--%>

</asp:Content>

